<?php
/**
 * Template Name: 国都首页模板
 *
 * Description: A page template that provides a key component of WordPress as a CMS
 * by meeting the need for a carefully crafted introductory page. The front page template
 * in Twenty Twelve consists of a page content area for adding text, images, video --
 * anything you'd like -- followed by front-page-only widgets in one or two columns.
 *
 * @package WordPress
 * @subpackage Twenty_Twelve
 * @since Twenty Twelve 1.0
 */
get_header(); ?>
<style>
    .airplane{
        position: absolute;
        z-index: 9;
        width: 1px;
        height: 1px;
        top:0;
    }
    .airplane img{
        width: 100%;
        height: 100%;
    }
    .map{
        width:100%;
        height:509px;
        background-image:url(<?php echo WEB_ROOT; ?>image/map-2.png);
        background-position: center top;
        background-repeat:no-repeat;
        overflow: hidden;
    }
</style>
    <div id="primary" class="site-content">
        <div id="content" role="main">
            <div class="content">
                <div class="airplane"><img src="<?php echo WEB_ROOT; ?>image/home_plane.png" /></div>
                <div class="map">
                    <div style="height: 500px;"></div>
                </div>
            </div>
            <p id="CorporateCulture" style="font-size: 20px; color: white !important; text-align: center;"></p>
            <script type="text/javascript">// <![CDATA[
                $.easing.def = "easeOutQuad";
                $(function(){
                    $('.airplane').css({
                        left:$(document).width()/2 + 500
                    });
                    $('.airplane').animate({
                        left:$(document).width()/2 - 370,
                        top:50,
                        width:474,
                        height:207,
                        opacity:1
                    },4000);
                });
                // ]]></script>
        </div><!-- #content -->
    </div><!-- #primary -->
<?php get_footer(); ?>
<script>
    $('#goodjet_footer_description').appendTo($('#CorporateCulture'));
</script>